<head>
  <title>Documentation - Meteor</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="Description"
  content="Meteor is an open-source JavaScript platform for building top-quality web apps in a fraction of the time, whether you're an expert developer or just getting started."/>
  <link rel="icon" href="favicon.ico" type="image/x-icon" />
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>

<body>
  <div id="nav" class="hide">
    {{> nav }}
  </div>
  <div id="main">
    <div id="top"></div>
    {{> headline }}
    {{> introduction }}
    {{> concepts }}
    {{> api }}
    {{> packages }}
    {{> commandline }}
  </div>
</body>

<template name="nav">
  <div id="menu-ico"><a href="#">&#9776;</a></div>
  <div id="nav-inner">
    {{#each sections}}
      {{#if type "spacer"}}
        <div class="spacer"> </div>
      {{/if}}
      {{#if type "section"}}
        {{#nav_section}}
          <a href="#{{id}}" class="{{maybe_current}} {{style}}">
            {{#if prefix}}{{prefix}}.{{/if}}{{#if instance}}<i>{{instance}}</i>.{{/if}}{{name}}
          </a>
        {{/nav_section}}
      {{/if}}
    {{/each}}
  </div>
</template>

<template name="nav_section">
  {{#if depthIs 1}}
    <h1>{{> UI.contentBlock}}</h1>
  {{/if}}
  {{#if depthIs 2}}
    <h2>{{> UI.contentBlock}}</h2>
  {{/if}}
  {{#if depthIs 3}}
    <h3>{{> UI.contentBlock}}</h3>
  {{/if}}
  {{#if depthIs 4}}
    <h4>{{> UI.contentBlock}}</h4>
  {{/if}}
  {{#if depthIs 5}}
    <h5>{{> UI.contentBlock}}</h5>
  {{/if}}
  {{#if depthIs 6}}
    <h6>{{> UI.contentBlock}}</h6>
  {{/if}}
</template>

<!-- This only is displayed on narrow displays (eg phone) -->
<template name="headline">
  <h1 class="main-headline">Meteor {{release}}</h1>
</template>


<template name="dtdd">
  {{! can be used with either one argument (which ends up in the data
      context, or with both name and type }}

  {{#if name}}
    <dt><span class="name" id={{#if id}}{{id}}{{/if}}>{{{name}}}</span>
      {{#if type}}<span class="type">{{type}}</span>{{/if}}
    </dt>
  {{else}}
    <dt><span class="name">{{{.}}}</span></dt>
  {{/if}}
  <dd>{{#markdown}}{{> UI.contentBlock}}{{/markdown}}</dd>
</template>



<!-- this is used within {{#markdown}}. <div> must be unindented.
     http://daringfireball.net/projects/markdown/syntax#html -->
<template name="warning">
<div class="warning">
  {{#markdown}}{{> UI.contentBlock}}{{/markdown}}
</div>
</template>

<!-- this is used within {{#markdown}}. <div> must be unindented.
     http://daringfireball.net/projects/markdown/syntax#html -->
<template name="note">
<div class="note">
  {{#markdown}}{{> UI.contentBlock}}{{/markdown}}
</div>
</template>

